<%@ page language="java" contentType="text/html; charset=UTF-8" import="java.util.*,com.device.operating.entity.User"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>网络设备统一操作平台</title>
<link rel="stylesheet" type="text/css" href="/xasj/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="/xasj/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="/xasj/easyui/themes/color.css">
<script type="text/javascript" src="/xasj/easyui/jquery.min.js"></script>
<script type="text/javascript" src="/xasj/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/xasj/js/main.js"></script>
<style>
.panel-body{
	background:#f0f0f0;
}
.STYLE1 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 16px;
	z-index:88;
	font-style:oblique;
}
.panel-header{
	background:#fff url('images/my/panel_header_bg.gif') no-repeat top right;
}
.panel-tool-collapse{
	background:url('images/my/arrow_up.gif') no-repeat 0px -3px;
}
.panel-tool-expand{
	background:url('images/my/arrow_down.gif') no-repeat 0px -3px;
}
</style>
<script type="text/javascript">
$(function(){
    var pager = $('#dg').datagrid().datagrid('getPager');    // get the pager of datagrid
    pager.pagination({
        buttons:[{
            iconCls:'icon-search',
            handler:function(){
                alert('search');
            }
        },{
            iconCls:'icon-add',
            handler:function(){
                alert('add');
            }
        },{
            iconCls:'icon-edit',
            handler:function(){
                alert('edit');
            }
        }]
    });            
})
/*	function addTab(title, url){
	    if ($('#tt').tabs('exists', title)){
	        $('#tt').tabs('select', title);
	    } else {
	        var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';
	        $('#tt').tabs('add',{
	            title:title,
	            content:content,
	            closable:true,
	            iconCls:'icon-search',
	        });
	    }
	}
	*/
	function addTab(title, url){
	    if ($('#tt').tabs('exists', title)){
	    	$('#tt').tabs('close',title);
	    }
        var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';
        $('#tt').tabs('add',{
            title:title,
            content:content,
            closable:true,
            iconCls:'icon-search',
        });
	}
	function removeTab(title){
		if ($('#tt').tabs('exists', title)){
			$('#tt').tabs('close',title);
			}
		}
	function loginout(){
		window.location.href='loginout';
	}
</script>

</head>
<% 
User user=(User)request.getSession().getAttribute("user");
%>
<input id="userId" value="<%=user.getUserId()%>" />
<body class="easyui-layout" >
        <div data-options="region:'north'" style="height:75px;background-color:#0074D3;z-index:1"><img src="/xasj/images/my/bt1.jpg" width="1230px"height="72px" />
        <div data-options="region:'south'" style="height:25px;"></div>
        <!--  <div data-options="region:'east',split:true" title="East" style="width:100px;">-->
        <!--<ul class="easyui-tree" data-options="url:'tree_data1.json',method:'get',animate:true,dnd:true"></ul> -->
        </div>
        <div data-options="region:'west',split:true"title="Menu" style="width:151px">
            <div class="easyui-accordion" data-options="fit:true,border:false,animate:false">
                <div  title="组织机构" style="padding:10px;">
                    <a href="#" id="todepartment" data-options="iconCls:'icon-zzjg',plain:true" class="easyui-linkbutton" >部门管理</a>
                    <a href="#" id="toroles" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >职位管理</a>
                    <a href="#" id="touserdetail" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >人员管理</a>
                </div>
                <div  title="权限管理" data-options="selected:true" style="padding:10px;">
                    <a href="#" id="tofunclist" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >系统功能</a>
                    <a href="#" id="togpfunc" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >分组赋权</a>
                    <a href="#" id="tqpz" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >特权配置</a>
                    <a href="#" id="togroup" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >分组管理</a>
                </div>
                <div title="个人设置" data-options="selected:true" style="padding:10px;">
                    <a href="#" id="editmy" data-options="iconCls:'icon-edit',plain:true" class="easyui-linkbutton" >个人资料编辑</a>
                    <a href="#" id="" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >我的权限</a>
                </div>
                <div title="数据查询" style="padding:10px">
                    <a href="#" id="dvsec" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >设备综合查询</a>
                    <a href="#" id="todvsecset" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >查询条件配置</a>
                    <a href="#" id="todvsecconfig" data-options="iconCls:'icon-edit',plain:true" class="easyui-linkbutton" >查询字段配置</a>
                </div>
                <div title="IP资源" style="padding:10px">
                    <a href="#" id="toipres" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >IP地址池管理</a>
                    <a href="#" id="toaddipres" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >地址段新增</a>
                    <a href="#" id="toipdeploy" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >IP部署情况</a>
                </div>
                <div title="设备操作" data-options="selected:true" style="padding:10px;">
                    <a href="#" id="tooltadmin" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >OLT设备</a>
                    <a href="#" id="tobrasadmin" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >BRAS设备</a><br>
                    <a href="#" id="tosr" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >SR设备</a>
                    <a href="#" id="toswadmin" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >汇聚交换机</a>
                    <a href="#" id="toonuadmin" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >ONU设备</a><br>
                    <a href="#" id="todslam" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >DSLAM设备</a>
                </div>
                <div  title="机房型号配置" data-options="selected:true" style="padding:10px;">
                    <a href="#" id="tojfadmin" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >机房管理</a>
                    <a href="#" id="tojfmap" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >机房分布地图</a>
                    <a href="#" id="tojxadmin" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >局向管理</a>
                    <a href="#" id="todvmodel" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >设备型号</a><br>
                    <a href="#" id="toadddvmodel" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >设备型号管理</a>
                    <a href="#" id="toadddvfirm" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >设备厂商管理</a>
                </div>
                 	<div title="资源分配操作" data-options="selected:true" style="padding:10px;">
                    <a href="#" id="todispon" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >PON口资源分配</a>
                    <a href="#" id="toaddolt" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >OLT新增</a><br>
                    <a href="#" id="" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >ODF配置</a>
                </div>
                <div title="设备拓扑" data-options="selected:true" style="padding:10px;">
                    <a href="#" id="jxtp" data-options="iconCls:'icon-ddn',plain:true" class="easyui-linkbutton" >分类拓扑</a>
                    <a href="#" id="tosearchtp" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >详细查询</a><br>
                    <a href="#" id="todvport" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >端口连接情况</a>
                    <a href="#" id="direcdv" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >查看直连设备</a>
                    <a href="#" id="editparent" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >设备上联编辑</a>
                    <a href="#" id="tofailureanayse" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >故障分析</a><!-- 根据所有故障用户上来的IP地址 -->
                </div>
                <div title="规则设置" data-options="selected:true" style="padding:10px;">
                    <a href="#" id="tovlanrules" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >VLAN划分规则</a>
                    <a href="#" id="" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >IP分配规则</a><br>
                </div>
                <div title="设备批操作" data-options="selected:true" style="padding:10px;">
                    <a href="#" id="todvscript" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >批操作程序管理</a>
                    <a href="#" id="toadddvscript" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >批操作程序上传</a><br>
                </div>
                <div title="故障管理" data-options="selected:true" style="padding:10px;">
                    <a href="#" id="toautoscan" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >实时监控</a>
                    <a href="#" id="tosszhangai" data-options="iconCls:'icon-search',plain:true" class="easyui-linkbutton "  >实时障碍查看</a><br>
                    <a href="#" id="todvfsec" data-options="iconCls:'icon-search',plain:true" class="easyui-linkbutton " >故障综合查询</a><br>
                    <a href="#" id="tofailuretype" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >故障词典管理</a><br>
                </div>
                <div title="数据分析" data-options="selected:true" style="padding:10px;">
                    <a href="#" id="todanayse" data-options="iconCls:'icon-save',plain:true" class="easyui-linkbutton" >数据分析</a>
                </div>
            </div>
        </div>
    </div>
        <div id ="tt"  class="easyui-tabs" data-options="region:'center'">
        </div>
         <div class="STYLE1" style="padding-top:32px;padding-left: 70%;position:absolute">
                          欢迎：<%=user.getUsername()%>&nbsp;&nbsp;&nbsp;工号：<%=user.getUsercode()%>&nbsp;&nbsp;&nbsp;<a href='#' onClick="javascript:loginout()" style="color: #FFFFFF;text-decoration: none">安全退出</a>>
        </div> 
        </div>
</body>
</html>